html, body {margin:0; padding:0; height: 100%; background-color: #333;}
.srf-root, .sri-root {
    padding:0; border:1px solid #666;list-style: none; color: #aaa; /*position: absolute;*/
    background-color: #444; font-family: monospace; text-align: center; width: fit-content; height: fit-content;
}
.srf-root {float: left; margin: 0 10px 10px 0; position: relative}
.sri-root {position: absolute; margin:0; z-index: 889}
.srf-root:hover, .sri-root {box-shadow: 2px 2px 10px #088;}
.srf-root>li {margin:0; padding:0; list-style: none;border-top: 1px solid #666}
.srf-root>li:hover {background-color: #555}
.srf-root>li:first-child {border-top:none;border-bottom: 1px solid #666;padding:0 0 10px 0;text-align: center;}
.srf-root>li:first-child:hover {background-color: #444; cursor: move}
.srf-title, .sri-title {font-size: 16px; line-height: 180%; padding: 10px;}
.srf-title-meta {font-size: 12px; padding: 0 10px;}

.sri {font-size: 14px; margin:0; padding:0; list-style: none;}
.sri>li {display: inline-block;padding:10px 0;}
.sri>li:first-child {padding-left: 5px;}
.sri>li:last-child {float: right; text-align: right;}

.sri-type {text-align: center; font-style: italic; font-size: 12px;}
.sri-ref td {vertical-align: top; padding: 10px;}
.sri-items td {padding: 2px 5px}
.return-type {text-align: right;}
.method-name {text-align: left;}

.mask {position: fixed; background-color: #333; opacity: .5; z-index: 888}